<template>
	<view class="mons">
		<view class="list">

			<view class="li">
				服务单号：354658965329846523
				<view class="view">申请时间：2019-05-01 16:00</view>
			</view>
			<view class="jd">
				<navigator url="/pages/user/shjd" class="li">
					<image src="../../static/img/3/3-75.png" mode="widthFix"></image>亲：您的售后服务单财务已完成，感谢您的支持与理解！

				</navigator>
			</view>
			<view class="jd">
				<view class="li lia">
					进度跟踪
				</view>
				<view class="li lib">
					<view class="b"></view>
					<view class="libs">
						<image src="../../static/img/3/3-76.png" mode="widthFix"></image>
						<view class="tl">
							您的服务单财务已退款，请您注意查收经办人：毛毛
							<text>2019-05-11 11：55：11</text>
						</view>
					</view>
					<view class="libs">
						<image src="../../static/img/3/3-77.png" mode="widthFix"></image>
						<view class="tl">
							您的服务单财务已退款，请您注意查收经办人：毛毛
							<text>2019-05-11 11：55：11</text>
						</view>
					</view>
					<view class="libs">
						<image src="../../static/img/3/3-77.png" mode="widthFix"></image>
						<view class="tl">
							您的服务单财务已退款，请您注意查收经办人：毛毛
							<text>2019-05-11 11：55：11</text>
						</view>
					</view>
					<view class="libs">
						<image src="../../static/img/3/3-77.png" mode="widthFix"></image>
						<view class="tl">
							您的服务单财务已退款，请您注意查收经办人：毛毛
							<text>2019-05-11 11：55：11</text>
						</view>
					</view>
				</view>
			</view>


		</view>

	</view>
</template>

<script>
	export default {
		name: "",
		components: {

		},
		data() {
			return {
				ce: 1,
				meng: false,
				con: '',
				max: 500,
				qq: ''
			}
		},
		methods: {


		}


	}
</script>

<style scoped>
	.jd {
		margin-top: 20rpx;
		background: #fff;
	}

	.ol {
		padding-bottom: 50rpx;
		padding-top: 50rpx;
		padding-left: 30rpx;
		padding-right: 30rpx;
	}

	.list .li {
		background: #fff;
		padding-left: 50rpx;
		padding-right: 20rpx;
		padding-bottom: 35rpx;
		padding-top: 35rpx;
		font-size: 22rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
	}

	.list .li .view {
		margin-top: 12rpx;
	}

	.list .li image {
		display: inline-block;
		width: 20rpx;
		margin-right: 8rpx;
	}

	uni-page-body {
		height: 100%;
	}

	.mons {
		min-height: 100%;
		background: #EEEEEE;
		position: relative;
	}

	.jd .li {
		color: #F0406F;
		font-size: 22rpx;
		border-bottom: 1px solid #E9E9E9;
	}

	.jd .lia {
		font-size: 25rpx;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: rgba(102, 102, 102, 1);
	}

	.jd .lib {
		padding: 0;
		width: calc(100% - 75rpx - 75rpx);
		margin: auto;
		color: #666;
		border: 0;
		padding-bottom: 80rpx;
		position: relative;
	}
.jd .lib .b{
	width: 1px;
	position: absolute;
	height: 100%;
	background: #F5F5F5;
	z-index: 5;
	left: 11rpx;
}
	.jd .lib .libs {
		margin-top: 40rpx;
		position: relative;
		z-index: 10;
	}

	.jd .lib .libs image {
		display: inline-block;
		width: 23rpx;
		vertical-align: top;
	}
	.jd .lib .libs .tl{
		display: inline-block;
		width: 406rpx;
		font-size:22rpx;
		font-family:Microsoft YaHei;
		font-weight:300;
		color:rgba(102,102,102,1);
		line-height:29rpx;
		vertical-align: top;
		margin-left: 25rpx;
	}
		.jd .lib .libs .tl text{
			color: #999;
			display: block;
		}
</style>
